<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
    Document   : template.xhtml
    Created on : Feb 8 2014
    Author     : Ihab ALi
-->
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>${messages.app}</title>

        <meta name="author" content="${about.Name}" />
 </h:head>

    <h:body>
        <div id="top">
            <h2>
                <h:outputText value="${messages.app}" />
            </h2>
        </div>
        <div>
            <div id="left">
                <h:form id="navigationForm">
                    <p:dialog  id="myResume" closable="true" width="980"
                               height="500"
                               header="#{messages.dialogHeader2}"
                               closeOnEscape="true" 
                               modal="true" 
                               visible="#{listControl.showPDFViewer}" 
                               
                               onHide="#{listControl.dialogClosed()}"
                               >
                        <p:media width="950" height="500" player="pdf" value="#{messages.pdfLink}" />
                     </p:dialog>
                    
                   
                    
                    <p:commandLink id="LinkToMyResume"
                                   action="#{listControl.showPDF()}"
                                   value="#{messages.MyResume}" 
                                   update="navigationForm"
                                   />
                    <br/>
                    
                   
                </h:form>
            </div>
            <div id="content" class="left_content">
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>
        <div id="bottom">
            <h6>
                 #{about.NameLabel} : #{about.Name} <br/>
                #{about.EmailLabel} : #{about.Email} <br/>
                #{about.year} <br/>
                
            </h6>
        </div>

    </h:body>

</html>
